<!-- Modal -->
<div class="modal fade " id="userInfoModel" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="box box-primary">
            <div class="box-body box-profile">
                <img class="profile-user-img img-responsive img-circle" src="../../dist/img/user4-128x128.jpg" alt="User profile picture">

                <h3 class="profile-username text-center" id="nameP">徐 晨</h3>

                <p class="text-muted text-center" id="departmentP">信息技术部</p>


                <strong><i class="fa fa-envelope margin-r-5"></i> 邮箱</strong>

                <p class="text-muted" id="emailP">
                    xucheng16@ehuatai.com
                </p>

                <hr>

                <strong><i class="fa fa-map-marker margin-r-5"></i> 座机</strong>

                <p class="text-muted" id="telP">021-54658977</p>

                <hr>

                <strong><i class="fa fa-pencil margin-r-5"></i> 手机</strong>

                <p class="text-muted" id="phoneP">18911733406</p>

                <hr>
            </div>
            <div class="box-footer">
                <button type="button" class="btn btn-default pull-right" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<script>
    function userInfo_clear(){
        $("#nameP").html();
        $("#departmentP").html();
        $("#emailP").html();
        $("#telP").html();
        $("#phoneP").html();
    }
    function userInfo_setData(data){
        $("#nameP").append(data.name);
        $("#departmentP").append(data.departmentName);
        $("#emailP").append(data.email);
        $("#telP").append(data.tel);
        $("#phoneP").append(data.phone);
    }
</script>
